<!--
 * @Author: 胡海
 * @Date: 2020-11-22 20:55:58
 * @LastEditors: 胡海
 * @LastEditTime: 2020-11-23 14:27:01
 * @Description: 
-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>指令和模板</title>
    <script src="../vue.js"></script>

</head>
<body>
     
      <div id="demo">
        <span :cutomId="id">{{ message }}</span>
    </div>
    <script>
     
        let obj = {
            message:"hello,Vue!",
            id:"123"
        }
        var vm = new Vue({
            el:"#demo",
            data:obj
        });

        console.log( vm.$data );

</body>
</html>